<!DOCTYPE html>
<html>

<head>
	<!-- 页面meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>广告分类管理</title>
	<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
	<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
	<link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
	<link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>

</head>

<body class="hold-transition skin-red sidebar-mini"  >
<!-- .box-body -->

<div class="box-header with-border">
	<h3 class="box-title">广告分类管理</h3>
</div>

<div class="box-body">

	<!-- 数据表格 -->
	<div class="table-box">

		<!--工具栏-->
		<div class="pull-left">
			<div class="form-group form-inline">
				<div class="btn-group">
					<button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#insertModal" ><i class="fa fa-file-o"></i> 新建</button>
					<button type="button" class="btn btn-default" title="删除" onclick="deleteCateGoryData()" ><i class="fa fa-trash-o"></i> 删除</button>
					<button type="button" class="btn btn-default" title="开启" onclick='confirm("你确认要开启吗？")'><i class="fa fa-check"></i> 开启</button>
					<button type="button" class="btn btn-default" title="屏蔽" onclick='confirm("你确认要屏蔽吗？")'><i class="fa fa-ban"></i> 屏蔽</button>
					<button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
				</div>
			</div>
		</div>
		<div class="box-tools pull-right">
			<div class="has-feedback">
				名称：<input id="name" name="name">	<!--<button class="btn btn-default" >查询</button>-->
				<input type="button" class="btn btn-default" value="查询" onclick="getData()">
			</div>
		</div>
		<!--工具栏/-->

		<!--数据列表-->
		<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			<thead>
			<tr>
				<th class="" style="padding-right:0px">
					<input id="selall" type="checkbox" class="icheckbox_square-blue">
				</th>
				<th class="sorting_asc">分类ID</th>
				<th class="sorting">分类名称</th>
				<th class="text-center">操作</th>
			</tr>
			</thead>
			<tbody id="category">

			</tbody>
		</table>
		<!--数据列表/-->
	</div>
	<!-- 数据表格 /-->
</div>
<!-- /.box-body -->
<!-- 分页 -->


<!-- 添加窗口 -->
<div class="modal fade" id="insertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="modalLabel">广告分类添加</h3>
			</div>
			<div class="modal-body">

				<table class="table table-bordered table-striped"  width="800px">
					<tr>
						<td>分类名称</td>
						<td><input id="names" name="name" class="form-control" placeholder="分类名称">  </td>
					</tr>
				</table>

			</div>
			<div class="modal-footer">
				<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" onclick="insertCateGory()">保存</button>
				<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
		</div>
	</div>
</div>


<!-- 编辑窗口 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">广告分类编辑</h3>
			</div>
			<div class="modal-body">

				<form id="updateForm">
					<table class="table table-bordered table-striped"  width="800px">
						<tr>
							<td>分类名称</td>
							<td>
								<input type="hidden" id="upId" name="id"  class="form-control" placeholder="分类id">
								<input id="upName" name="name"  class="form-control" placeholder="分类名称">
							</td>
						</tr>
					</table>
				</form>

			</div>
			<div class="modal-footer">
				<button class="btn btn-success" data-dismiss="modal" onclick="updateCategory()" aria-hidden="true">保存</button>
				<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
		</div>
	</div>
</div>


</body>

</html>

<script>
	$(function (){
		getData()
	})
	function getData(){
		$.ajax({
			url : "/ConCategoryController/listCategory",
			type : "post",
			dataType : "json",
			data : {
				name : $('#name').val()
			},
			success : function (obj){
				var data = obj.result
				var content = ""
				for (let i = 0; i < data.length; i++) {
					content += '<tr><td><input type="checkbox" name="box" value="'+ data[i].id+'"></td>'
					content += '<td>'+ data[i].id +'</td>'
					content += '<td>'+ data[i].name +'</td>'
					content += '<td className="text-center">'
					content += '<button type="button" className="btn bg-olive btn-xs" data-toggle="modal" onclick="getUpdateCategory('+ data[i].id +')" data-target="#editModal">修改</button>'
					content += '</td></tr>'

				}
				$("#category").html(content)
			},
			error : function (){
				alert("请联系管理员");
			}
		})
	}

	// 获取修改数据
	function getUpdateCategory(id){
		$.ajax({
			url:"/ConCategoryController/getUpdateCategory/" + id,
			type: "post",
			dataType: "json",
			success:function (obj) {
				$('#upId').val(obj.result.id)
				$('#upName').val(obj.result.name)
			},
			error:function () {
				alert("联系管理员")
			}
		})
	}

	// 修改数据
	function updateCategory(){
		$.ajax({
			url:"/ConCategoryController/updateCategory",
			type: "post",
			data: $('#updateForm').serialize(),
			dataType: "json",
			success:function () {
				alert("修改成功")
				location.reload()
			},
			error:function () {
				alert("联系管理员")
			}
		})
	}

	//批量删除
	function deleteCateGoryData() {
		if (confirm("确定删除吗?")){
			var ids = [];
			$("[name=box]:checked").each(function (i,e) {
				ids.push($(e).val());
			})
			$.ajax({
				url:"/ConCategoryController/deleteAll?ids=" + ids,
				type: "post",
				data: {ids:ids},
				dataType: "json",
				success:function () {
					alert("删除成功");
					location.reload()
				},
				error:function () {
					alert("联系管理员")
				}
			})
		}
	}

	// 添加
	function insertCateGory(){
		$.ajax({
			url:"/ConCategoryController/insertCateGory",
			type: "post",
			data: {
				name : $("#names").val()
			},
			dataType: "json",
			success:function (result) {
				alert("添加成功");
				location.reload()
			},
			error:function (result) {
				alert("联系管理员")
			}
		})
	}
</script>